<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>订单详情</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="order-status bottom-border">订单状态<i>待提货</i></div>

	<div class="order-details">
		<div class="peisong ziti">
			<div  class="title-wrapper bottom-border">
				<div class="title">收货地址</div>
			</div>
			<div class="content bottom-border">
				<div class="name-tel">恋痕<i class="tel">15112343500</i></div>
				<div class="addr">浙江省杭州市萧山区宁围镇国泰科技大厦22楼浙江省杭州市萧山区宁围镇国泰科技大厦22楼</div>
			</div>
		</div>
		<div class="msg">留言：<i>麻烦师傅帮忙包装好麻烦师傅帮忙包装好麻烦师傅帮忙包装好</i></div>
		<a href="javascript:;" class="order-item bottom-border">
			<img src="img/img.png" alt="" class="img">
			<div class="text">
				<div class="name">酸甜可口的青提酸甜可口的青提酸甜可口的青   500g</div>
				<div class="specific">500g<i>青色</i></div>
			</div>
			<div class="price-num">
				<div class="price"><i>￥</i>22.5</div>
				<div class="num">X 2</div>
			</div>
		</a>
		<div class="spend-list bottom-border">
			<div class="spend-item bottom-border">
				<div class="title">运费</div>
				<div class="num">¥2.00</div>
			</div>
			<div class="spend-item bottom-border">
				<div class="title">优惠券</div>
				<div class="num">-¥2.00</div>
			</div>
			<div class="spend-item">
				<div class="title">合计</div>
				<div class="num on">¥2.00</div>
			</div>
		</div>
	</div>
	<!-- 订单详情 -->

	<div class="time-list">
		<div class="time-item">
			<div class="title">订单编号</div>
			<div class="content">123456789987654</div>
		</div>
		<div class="time-item">
			<div class="title">下单时间</div>
			<div class="content">2017-06-26 12:43</div>
		</div>
		<div class="time-item">
			<div class="title">支付时间</div>
			<div class="content">2017-06-26 12:58</div>
		</div>
	</div>
	<!-- 下单时间 -->

	<div class="express-info">
		<div class="title bottom-border">快递信息</div>
		<div class="content">
			<div class="name">顺丰快递</div>
			<div class="text">13412431241242314</div>
		</div>
	</div>
	<!-- 快递信息 -->

	<div class="order-menu-section">
		<div class="order-details1-menu">
			<a href="javascript:;" class="menu-item">申请退款</a>
			<a href="javascript:;" class="menu-item on">确认收货</a>
		</div>
		<div class="zhanwei"></div>
	</div>
	<!-- 底部菜单 -->


	<!-- 以下为页面js部分 -->
	<script type="text/javascript" src="js/rem.js"></script>
</body>
</html>